
<!------ 各种列表里面的二级栏目 ------>


<!-- 职业分类 -->
<div class="cate-section">
    <div class="cate-main-category">
        <i class="fas fa-briefcase"></i> 职业
    </div>
    <div class="cate-subcategories">
        <a href="#" class="cate-subcategory active">程序员</a>
        <a href="#" class="cate-subcategory">设计师</a>
        <a href="#" class="cate-subcategory">产品经理</a>
        <a href="#" class="cate-subcategory">市场运营</a>
        <a href="#" class="cate-subcategory">教师</a>
        <a href="#" class="cate-subcategory">医生</a>
        <a href="#" class="cate-subcategory">律师</a>
        <a href="#" class="cate-subcategory">创业者</a>
        <a href="#" class="cate-subcategory">自由职业</a>
        <a href="#" class="cate-subcategory">自由职业</a>
        <a href="#" class="cate-subcategory">自由职业</a>
        <a href="#" class="cate-subcategory">自由职业</a>
        <a href="#" class="cate-subcategory">自由职业</a>
        <a href="#" class="cate-subcategory">自由职业</a>
        <a href="#" class="cate-subcategory">更多</a>
    </div>
</div>

<!-- 兴趣分类 -->
<div class="cate-section">
    <div class="cate-main-category">
        <i class="fas fa-gamepad"></i> 兴趣
    </div>
    <div class="cate-subcategories">
        <a href="#" class="cate-subcategory">游戏</a>
        <a href="#" class="cate-subcategory">动漫</a>
        <a href="#" class="cate-subcategory">追剧</a>
        <a href="#" class="cate-subcategory">追星</a>
        <a href="#" class="cate-subcategory">健身</a>
        <a href="#" class="cate-subcategory">美食</a>
        <a href="#" class="cate-subcategory">旅行</a>
        <a href="#" class="cate-subcategory">摄影</a>
        <a href="#" class="cate-subcategory">音乐</a>
        <a href="#" class="cate-subcategory">更多</a>
    </div>
</div>

<!-- 内容类型分类 -->
<div class="cate-section">
    <div class="cate-main-category">
        <i class="fas fa-file-alt"></i> 内容类型
    </div>
    <div class="cate-subcategories">
        <a href="#" class="cate-subcategory">问答</a>
        <a href="#" class="cate-subcategory">文章</a>
        <a href="#" class="cate-subcategory">短视频</a>
        <a href="#" class="cate-subcategory">长视频</a>
        <a href="#" class="cate-subcategory">图集</a>
        <a href="#" class="cate-subcategory">直播</a>
        <a href="#" class="cate-subcategory">活动</a>
        <a href="#" class="cate-subcategory">投票</a>
    </div>
</div>

<!--- 这里是单独的栏目，每个栏目要展示大一些 --->
<div class="cate-subcategories m-1 p-1">
    <div class="cate-subcategory border-radius20 active">全部话题</div>
    <div class="cate-subcategory border-radius20 ">科技</div>
    <div class="cate-subcategory border-radius20 ">艺术</div>
    <div class="cate-subcategory border-radius20 ">音乐</div>
    <div class="cate-subcategory border-radius20 ">电影</div>
    <div class="cate-subcategory border-radius20 ">游戏</div>
    <div class="cate-subcategory border-radius20 ">读书</div>
    <div class="cate-subcategory border-radius20 ">职场</div>
</div>
<div class="cate-subcategories  m-1 p-1">
    <div class="cate-subcategory border-radius5 active2">推荐小组</div>
    <div class="cate-subcategory border-radius5">最新创建</div>
    <div class="cate-subcategory border-radius5">最多成员</div>
    <div class="cate-subcategory border-radius5">同城小组</div>
</div>

